<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel='stylesheet' href='stylesheets/bootstrap.css' />
    <link rel='stylesheet' href='stylesheets/bootstrap-docs.css' />
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation" id="mainNav">
    <a class="navbar-brand" href="#">Planning Tool</a>
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
            <li><a href="/TODO">Home</a></li>
            <li><a href="/TODO">My Lectures</a></li>
            <li><a href="/TODO">My Practicals</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><%= username %><span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="/TODO">My Profile</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="/TODO">Log out</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>

<div class="container bs-docs-container">
    <div class="col-md-8 col-md-offset-2">
        <div class="bs-docs-section no-intent">
            <h1>Edit <%= editobject%>></h1>
            <hr class="divider">
            <div>
                <div style="float:left">
                    <button class="btn btn-default" name="undo_button" onclick="onUndoButtonClicked()" disabled><img src="images/glyphicons-436-undo.png"> Undo </button>
                </div>
                <div style="float: right">
                    <a class="btn btn-danger" href="/TODO"><span class="glyphicon glyphicon-remove"></span> Cancel </a>
                    <button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-ok"></span> Submit </button>
                </div>
                <div style="clear: both"></div>
            </div>
            <br>
            <p>Name: <input type="text" name="course_name" placeholder="Course Name"></p>
            <p>Weeks: <input type="week" name="week_from"> to <input type="week" name="week_to"> </p>
            <p>Days:
                <select name="day_selector">
                    <option value="Sunday">Sunday</option>
                    <option value="Monday">Monday</option>
                    <option value="Tuesday">Tuesday</option>
                    <option value="Wednesday">Wednesday</option>
                    <option value="Thursday">Thursday</option>
                    <option value="Friday">Friday</option>
                    <option value="Saturday">Saturday</option>
                </select>
            </p>
            <p>Time: <input type="time" name="time_from"> to <input type="time" name="time_to"></p>
            <p>Room: <input type="text" name="room"></p>
            <textarea  style="width:100%;height:80vh" name="content"></textarea>
        </div>
    </div>
</div>

<script type="text/javascript" src="javascripts/jquery-3.2.1.js"></script>
<script type="text/javascript" src="javascripts/bootstrap.js"></script>
<script type="text/javascript" src="javascripts/editor-undo.js"></script>
</body>
</html>